<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
        <meta name="generator" content="浙江太平洋大酒店"  data-variable="这里写网址" />
        <meta name="description" content="浙江太平洋大酒店，太平洋酒店，浙江太平洋" />
        <meta name="keywords" content="浙江太平洋大酒店，太平洋酒店，浙江太平洋" />
<!-- 		       
		<link rel="shortcut icon" href="favicon.ico"/>  -->
		<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
		<link href="css/jquery-ui.structure.min.css" rel="stylesheet" type="text/css"/>
		<link href="css/jquery-ui.min.css" rel="stylesheet" type="text/css"/>
		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">        
		<link href="css/style.css" rel="stylesheet" type="text/css"/>  
        <link href="css/commonFoot.css" rel="stylesheet" type="text/css"/> 
        <link rel="stylesheet" type="text/css" href="dist/swipeslider.css"> 
        <link rel="stylesheet" type="text/css" href="css/phoneSwipes.css"> 
        <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
        <link href="css/food.css" rel="stylesheet" type="text/css"/>  
        <link href="css/food-detail.css" rel="stylesheet" type="text/css"/>   
        <link href="css/pictureViewer.css" rel="stylesheet" type="text/css"/>   
		<title>浙江太平洋大酒店</title>
	</head>
<body data-color="theme-1" style=" overflow-x:hidden;">

  <div class="loading">

	<div class="loading-center">
		<div class="loading-center-absolute">
			<div class="object object_four"></div>
			<div class="object object_three"></div>
			<div class="object object_two"></div>
			<div class="object object_one"></div>
		</div>
	</div>

  </div>
  
  <header class="color-1 hovered menu-3">
   <div class="container">
   	  <div class="row">
   	  	 <div class="col-md-12">
  	  	    <div class="nav"> 
   	  	    <a href="index.html" class="logo">
   	  	    	<img src="img/logo.png" alt="lets travel">
   	  	    </a>
   	  	    <div class="nav-menu-icon">
		      <a href="#"><i></i></a>
		    </div>
   	  	 	<nav class="menu">
			  	<ul>
					<li class="type-1">
						<a href="spy.html">探</a>
                    </li>
					<li class="type-1">
						<a href="live.html">住</a>
                    </li>
					<li class="type-1 active">
						<a href="food.html">食</a>
                    </li>
					<li class="type-1">
						<a href="feast.html">宴</a>
                    </li>
					<li class="type-1">
						<a href="amusement.html">娱</a>
                    </li>
					<li class="type-1">
						<a href="hotelProfile.html">酒店概况</a>
                    </li>
                    <li class="type-1">
						<a href="teamIntroduction.html">团队建设</a>
                    </li>
                    <li class="type-1">
						<a href="relative.html">联系我们</a>
                    </li>
                    <li class="type-1 none">
						<img src="img/icon/telphone.png" class="telPhoneNumber"/>&nbsp;&nbsp;400 8888 888
                    </li>
			  	</ul>
		   </nav>
		   </div>
   	  	 </div>
   	  </div>
   </div>
  </header>
  
  <div class="s_banner">
     <img src="img/home_1/n_slide_1.jpg" class="img-responsive"> 
  </div>
  <div class="row" style="background:rgb(225,223,209)">
  <div class="container">
       <div class="second-title">
    	 <h2 style="color:#373535;">中式餐点</h2>
    	 <p class="color-grey">中西美食、名酒佳肴、南北美点、珍馐百味，幽雅的环境、超值的服务，集中体现了酒店的饮食文化。</p>
    	</div>	
   </div>
   </div>
  
     
       
   
<div class='row' style="margin-top:42px;">
        <div class="container">
                <ul class="containered">
        
                        <li class="containered-li">
                            <!-- <div href="#"> -->
                              <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/1.jpg" />
                              <div class="containered-li-position">
                                  <div class="containered-li-positionDiv">
                                      <p>名酒佳肴</p>
                                  </div>
                              </div>
                            <!-- </div> -->
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/2.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/3.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/4.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/5.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/6.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                             <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/7.jpg" />
                             <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/8.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/9.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/10.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/11.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/12.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/13.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/14.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                            <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/15.jpg" />
                            <div class="containered-li-position">
                                    <div class="containered-li-positionDiv">
                                        <p>名酒佳肴</p>
                                    </div>
                            </div>
                        </li>
                        <li class="containered-li">
                           <img src="" data-src="http://cdn.jirengu.com/book.jirengu.com/img/16.jpg" />
                           <div class="containered-li-position">
                                <div class="containered-li-positionDiv">
                                    <p>名酒佳肴</p>
                                </div>
                            </div>
                        </li>
                    </ul>  
        </div>
      
</div >   
<footer class="bg-dark type-2 pcShow">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 clearfix clearMargin">
            <div class="footer-block">
                    <h6>
                        <span class="about-hotel">关于酒店</span>
                        <div class="up-img"></div>
                        <!-- <img src="img/icon/up.png"  alt="关于酒店" class="up-img" />
                        <img src="img/icon/xia.png"  alt="关于酒店"  class="xia-img"/> -->
                    </h6>
                    <div class="f_news clearfix">
                        <div class="f_news-content row">
                            <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                               <a class="f_news-tilte color-white link-red" href="#">酒店概况</a>
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                               <a class="f_news-tilte color-white link-red" href="#">酒店位置</a>
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                               <a class="f_news-tilte color-white link-red" href="#">工作机会</a>
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                               <a class="f_news-tilte color-white link-red" href="#">就业机会</a>
                            </div>
                            <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                               <a class="f_news-tilte color-white link-red" href="#">合作机会</a>
                            </div>
                        </div>
                    </div>
                    
                                                
               </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 clearfix clearMargin">
                <div class="footer-block">
                        <h6>
                            <span class="about-hotel">关联产业</span>
                            <!-- <img src="img/icon/up.png"  alt="关联产业" class="up-img" />
                            <img src="img/icon/xia.png"  alt="关联产业"  class="xia-img"/> -->
                        </h6>
                        <div class="f_news clearfix">
                            <div class="f_news-content row">
                                <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">宁波太平洋大酒店</a>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">浙江太平洋大酒店</a>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">阳明山庄</a>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">一品高尔夫</a>
                                </div>
                            </div>
                        </div>
                        
                                                    
                    </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 clearfix clearMargin">
                <div class="footer-block">
                        <h6>
                            <span class="about-hotel">实用信息</span>
                            <!-- <img src="img/icon/up.png"  alt="实用信息" class="up-img" />
                            <img src="img/icon/xia.png"  alt="实用信息"  class="xia-img"/> -->
                        </h6>
                        <div class="f_news clearfix">
                            <div class="f_news-content row">
                                <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">媒体中心</a>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">常见问题</a>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">政策与条款</a>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">隐私策略</a>
                                </div>
                            </div>
                        </div>
                        
                                                    
                    </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 no-padding clearfix">
               <div class="footer-block">
                    <h6 class="H6-index">关注我们</h6>
                    <div class="f_news newsTyle" style="display:inline-block">
                        <div class="f_news-content row flex-spance butongStyle" >
                            <table class="table-center">
                                <tr>
                                    <td>
                                        <img src="img/gzh.jpg" width="107" >
                                        <p style="font-size:12px;">&nbsp;扫一扫联系我们</p>
                                    </td>
                                    <td style="padding-left:20px;">
                                        <img src="img/gzh.jpg" width="107" >
                                        <p style="font-size:12px;">&nbsp;扫一扫关注公众号</p>
                                    </td>
                                </tr>
                           </table>
                           <div class="footer-share" >
                                <a href="#" class="aLinkStyle"><div class="weixin-spanStyle"></div></a>
                                <a href="#" class="aLinkStyle"><div class="qq-spanStyle"></div></a>
                            </div> 
                            <div class="indexbackTopStyle">
                                <div class="backTopStyle">回到顶部
                                  <img src="img/icon/backTop.png"  class="backTopStyle-img"/>
                                </div>
                                
                            </div> 
                        </div>
                    </div>
                    
                                                
               </div>
            </div>
        </div>
    </div>
    <div class="footer-link bg-black add-line" style="background:#000000;">
      <div class="container">
          <div class="row">
              <div class="col-md-12" style="text-align:center; font-size:14px;">
                <span>浙江太平洋酒店有限公司 Copyright 2018-2020 all rights reserved  浙ICP备10000000号-1</span>
              </div>
          </div>
      </div>
    </div>
</footer> 
<footer class="bg-dark type-2 modelShow">
        <div class="container">
            <div class="row list">
                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 clearfix clearMargin list-item">
                    <div class="footer-block butongHeight">
                            <h6>
                                <span class="about-hotel">关于酒店</span>
                                <div class="up-img">
                                   <div class="divstyle"></div>
                                </div>
                                <!-- <img src="img/icon/xia.png"  alt="关联产业" class="up-img" />
                                <img src="img/icon/up.png"  alt="关联产业"  class="xia-img"/> -->
                            </h6>
                            <div class="f_news clearfix">
                                <div class="f_news-content row">
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">酒店概况</a>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">酒店位置</a>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">工作机会</a>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">就业机会</a>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                    <a class="f_news-tilte color-white link-red" href="#">合作机会</a>
                                    </div>
                                </div>
                            </div>
                            
                                                        
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 clearfix clearMargin list-item">
                    <div class="footer-block butongHeight">
                            <h6>
                                <span class="about-hotel">关联产业</span>
                                <div class="up-img">
                                    <div class="divstyle"></div>
                                 </div>
                                <!-- <img src="img/icon/xia.png"  alt="关联产业" class="up-img" />
                                <img src="img/icon/up.png"  alt="关联产业"  class="xia-img"/> -->
                            </h6>
                            <div class="f_news clearfix">
                                <div class="f_news-content row">
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                        <a class="f_news-tilte color-white link-red" href="#">宁波太平洋大酒店</a>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                        <a class="f_news-tilte color-white link-red" href="#">浙江太平洋大酒店</a>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                        <a class="f_news-tilte color-white link-red" href="#">阳明山庄</a>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                        <a class="f_news-tilte color-white link-red" href="#">一品高尔夫</a>
                                    </div>
                                </div>
                            </div>
                            
                                                        
                        </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 clearfix clearMargin list-item">
                    <div class="footer-block butongHeight">
                            <h6>
                                <span class="about-hotel">实用信息</span>
                                <div class="up-img">
                                    <div class="divstyle"></div>
                                 </div>
                                <!-- <img src="img/icon/xia.png"  alt="关联产业" class="up-img" />
                                <img src="img/icon/up.png"  alt="关联产业"  class="xia-img"/> -->
                            </h6>
                            <div class="f_news clearfix">
                                <div class="f_news-content row">
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                        <a class="f_news-tilte color-white link-red" href="#">媒体中心</a>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                        <a class="f_news-tilte color-white link-red" href="#">常见问题</a>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                        <a class="f_news-tilte color-white link-red" href="#">政策与条款</a>
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-xs-6 clearMargin modulestyle">
                                        <a class="f_news-tilte color-white link-red" href="#">隐私策略</a>
                                    </div>
                                </div>
                            </div>
                            
                                                        
                        </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 no-padding clearfix list-item">
                   <div class="footer-block">
                        <h6 class="H6-index">关注我们</h6>
                        <div class="f_news newsTyle" style="display:inline-block">
                            <div class="f_news-content row flex-spance butongStyle" >
                                <table class="table-center">
                                    <tr>
                                        <td>
                                            <img src="img/gzh.jpg" width="107" >
                                            <p style="font-size:12px;">&nbsp;扫一扫联系我们</p>
                                        </td>
                                        <td style="padding-left:20px;">
                                            <img src="img/gzh.jpg" width="107" >
                                            <p style="font-size:12px;">&nbsp;扫一扫关注公众号</p>
                                        </td>
                                    </tr>
                               </table>
                               <div class="footer-share" >
                                    <a href="#" class="aLinkStyle"><div class="weixin-spanStyle"></div></a>
                                    <a href="#" class="aLinkStyle"><div class="qq-spanStyle"></div></a>
                                </div> 
                                <div class="indexbackTopStyle">
                                    <div class="backTopStyle">回到顶部
                                      <img src="img/icon/backTop.png"  class="backTopStyle-img"/>
                                    </div>
                                    
                                </div> 
                            </div>
                        </div>
                        
                                                    
                   </div>
                </div>
            </div>
        </div>
        <div class="footer-link bg-black add-line" style="background:#000000;">
          <div class="container">
              <div class="row">
                  <div class="col-md-12" style="text-align:center; font-size:14px;">
                    <span>浙江太平洋酒店有限公司 Copyright 2018-2020 all rights reserved  浙ICP备10000000号-1</span>
                  </div>
              </div>
          </div>
        </div>
</footer>                                                                                                                    
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!-- <script src="js/jquery-ui.min.js"></script> -->
<!-- <script src="js/idangerous.swiper.min.js"></script> -->
<!-- <script src="js/jquery.viewportchecker.min.js"></script> -->
<script src="js/isotope.pkgd.min.js"></script>
<!-- <script src="js/jquery.mousewheel.min.js"></script> -->
<script src="js/all.js"></script>
<script src="js/pictureViewer.js"></script>
<script type="text/javascript" src="dist/swipeslider.min.js"></script>
<script>
  $(window).on('scroll',function () {//当页面滚动的时候绑定事件
        $('.containered img').each(function () {//遍历所有的img标签
        
            if (checkShow($(this)) && !isLoaded($(this)) ){
                // 需要写一个checkShow函数来判断当前img是否已经出现在了视野中
                //还需要写一个isLoaded函数判断当前img是否已经被加载过了
                loadImg($(this));//符合上述条件之后，再写一个加载函数加载当前img
            }
        })
       
    })
    $(function () {
        // alert(12)
        $('.containered').on('click', '.containered-li', function () {
            var this_ = $(this);
           
            var images = this_.parents('.containered').find('.containered-li');
            var imagesArr = new Array();
            $.each(images, function (i, image) {
                imagesArr.push($(image).children('img').attr('src'));
            });
            
            $.pictureViewer({
                images: imagesArr, //需要查看的图片，数据类型为数组
                initImageIndex: this_.index() + 1, //初始查看第几张图片，默认1
                scrollSwitch: true //是否使用鼠标滚轮切换图片，默认false
            });
        });
    });
    function checkShow($img) { // 传入一个img的jq对象
        var scrollTop = $(window).scrollTop();  //即页面向上滚动的距离
        var windowHeight = $(window).height(); // 浏览器自身的高度
        var offsetTop = $img.offset().top;  //目标标签img相对于document顶部的位置

        if (offsetTop < (scrollTop + windowHeight) && offsetTop > scrollTop) { //在2个临界状态之间的就为出现在视野中的
            return true;
        }
        return false;
    }
    function isLoaded ($img) {
        return $img.attr('data-src') === $img.attr('src'); //如果data-src和src相等那么就是已经加载过了
    }
    function loadImg ($img) {
        $img.attr('src',$img.attr('data-src')); // 加载就是把自定义属性中存放的真实的src地址赋给src属性
    }

    
    // footer
    $('.list .list-item').click(function(){
			$(this).children().children().last().toggle();
			if( $(this).children().find('.up-img').children().hasClass("divstyle")){
				$(this).children().find('.up-img').children().addClass('activestyle').removeClass('divstyle')
				console.log(56)
			}else{
				$(this).children().find('.up-img').children().addClass('divstyle').removeClass('activestyle')
			}
		})
		$(".indexbackTopStyle").click(function(){   
            $('body,html').animate({ 
                scrollTop:0 
            },700);
            return false; //防止冒泡
        });
</script>
</body>
</html>				   